{extend name="web/public/base" /}
{block name="header"}
<link rel="stylesheet" href="__PUBLIC__/js/fuelux/fuelux.css" type="text/css"/>
<script src="__PUBLIC__/js/fuelux/fuelux.js"></script>
{/block}
{block name="main"}
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a><i class="fa fa-home"></i> 首页</a></li>
        <li class="active">管理员</li>
        <li class="active">{$title}</li>
    </ul>
    <div class="row">
        <div class="col-sm-12">
            <section class="panel panel-default">
                <header class="panel-heading"> {$title}</header>
                <form class="form-horizontal" style="margin-left: 10px;" method="post" action="">
                    {foreach name="_list" item="vo"}
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="{$vo.id}" name="id[]" {$vo._checked} class="parent">{$vo.title}
                        </label>
                        {notempty name="vo.son"}
                        {foreach name="vo.son" item="v1"}
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" value="{$v1.id}" name="id[]" {$v1._checked} class="son">{$v1.title}
                            </label>
                            <br>
                            {notempty name="v1.son"}
                            {foreach name="v1.son" item="v2"}
                            <div class="checkbox-inline">
                                <label>
                                    <input type="checkbox" value="{$v2.id}" name="id[]" {$v2._checked} class="sun">{$v2.title}
                                </label>
                            </div>
                            {/foreach}
                            {/notempty}
                        </div>
                        {/foreach}
                        {/notempty}
                    </div>
                    {/foreach}
                    <div style="margin:20px;">
                        <input type="hidden" name="group_id" value="group_id">
                        <button type="submit" class="btn btn-primary">提交</button>
                        <a class="btn btn-danger" href="#" onclick="history.back();return false;">返回</a>
                    </div>
                </form>
            </section>
        </div>
    </div>
</section>
{/block}
{block name="footer"}
<script type="text/javascript">
    /**
     * 点击方法
     */
    // $('.sun').click(function () {
    //     var bros = $(this).parent().parent().siblings('.checkbox-inline');
    //     var parent = $(this).parent().parent().siblings('label').find('.son');
    //     var parents = $(this).parent().parent().parent().siblings('.checkbox');
    //     var gparent = $(this).parent().parent().parent().siblings('label').find('.parent');
    //     if ($(this).is(':checked')) {
    //         /*选中*/
    //         var flag = true;
    //         bros.each(function () {
    //             var input = $(this).find('.sun');
    //             if (input.prop('checked') == false) {
    //                 flag = false;
    //             }
    //         })
    //         if (flag == true && parent.prop('checked') == false) {
    //             parent.prop('checked', true);
    //             var fla = true ;
    //             parents.each(function () {
    //                 var son = $(this).find('.son');
    //                 if(son.prop('checked') == false){
    //                     fla = false ;
    //                 }
    //             })
    //             if (fla == true && gparent.prop('checked') == false) {
    //                 gparent.prop('checked',true);
    //             }
    //         }
    //
    //     } else {
    //         /*未选中*/
    //         if (parent.prop('checked') == true) {
    //             parent.prop('checked', false);
    //         }
    //         if (gparent.prop('checked') == true) {
    //             gparent.prop('checked', false);
    //         }
    //     }
    // })
    /**
     * 点击二级目录
     */
    $('.son').click(function () {
        var sons = $(this).parent().siblings('.checkbox-inline');
        // var bros = $(this).parent().parent().siblings('.checkbox');
        // var parent = $(this).parent().parent().siblings('label').find('.parent');
        if ($(this).is(':checked')) {
            /*选中*/
            sons.each(function () {
                $(this).find('.sun').prop('checked',true);
            })
            // var flag = true;
            // bros.each(function () {
            //     var son = $(this).find('.son');
            //     if(son.prop('checked')==false){
            //         flag = false;
            //     }
            // })
            // if(flag == true && parent.prop('checked') == false){
            //     parent.prop('checked',true);
            // }
        } else {
            /*未选中*/
            sons.each(function () {
                $(this).find('.sun').prop('checked',false);
            })
            // if(parent.prop('checked') == true){
            //     parent.prop('checked',false);
            // }
        }
    })
    /**
     * 点击一级目录
     */
    $('.parent').click(function () {
        var parent = $(this).parent().parent();
        var sons = parent.find('input');
        if($(this).is(':checked')){
            sons.each(function () {
                $(this).prop('checked',true);
            })
        }else{
            sons.each(function () {
                $(this).prop('checked',false);
            })
        }
    })
</script>
{/block}